import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
// 引入表单相关模块，才可以用双向数据绑定
import { FormsModule } from '@angular/forms';
// 引入和服务器交互的模块
import { HttpClientModule, HttpClientJsonpModule } from '@angular/common/http'
// 引入并配置服务
// import { StorageService } from './services/storage.service';
// import { RequestService } from './services/request.service';
// import { HttpService } from './services/http/http.service';
// 引入组件
import { AppComponent } from './app.component';
import { NewsComponent } from './components/news/news.component';
import { HomeComponent } from './components/home/home.component';
import { SearchComponent } from './components/search/search.component';
import { TodolistComponent } from './components/todolist/todolist.component';
import { DomComponent } from './components/dom/dom.component';
import { HeaderComponent } from './components/header/header.component';
import { TransitionComponent } from './components/transition/transition.component';
import { CommunicationComponent } from './components/communication/communication.component';
import { FooterComponent } from './components/footer/footer.component';
import { LifecycleComponent } from './components/lifecycle/lifecycle.component';

@NgModule({
  declarations: [
    AppComponent,
    NewsComponent,
    HomeComponent,
    SearchComponent,
    TodolistComponent,
    DomComponent,
    HeaderComponent,
    TransitionComponent,
    CommunicationComponent,
    FooterComponent,
    LifecycleComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    HttpClientJsonpModule
  ],
  providers: [
    // StorageService, 
    // RequestService, 
    // HttpService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
